<template>
    <div class="header">
        <div class="header_left">
            <img src="@/assets/城市.png" alt="">
        </div>
        <div  class="header_center">
            <p>海珠区</p>
        </div>
        <div  class="header_right">
            <img src="@/assets/三个点.png" alt="">
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
.header{
    display: flex;
    flex-direction: row;

}
.header_left{
    
    align-items: center;
    flex: 1;
}
.header_left img{
    /* flex: 1; */
    align-items: center;
    width: 1.2rem;
    margin-top: 1.2rem;
    /* vertical-align: middle; */
}
.header_center{
    flex: 6;
}
.header_right{
    flex: 1;
}
.header_right img{
    /* flex: 1; */
    margin-top: 1.2rem;
    width: 1.2rem;
}
</style>